:root {
    --pro-color: rgb(218, 41, 28);
}

html,
body {
    height: 100%;
}

/* 离线反馈成功后对勾图标底色*/
.dialogIcon.large.embeddedServiceIcon svg circle {
    fill: var(--pro-color)
}

/* 操作按钮 */
.embeddedServiceSidebarButton,
.embeddedServiceSidebarButton:not(:disabled):focus,
.embeddedServiceSidebarButton:not(:disabled):hover {
    background-color: var(--pro-color);
}

/* 取消客服聊天按钮*/
.embeddedServiceSidebarButton.uiButton--inverse .label {
    color: var(--pro-color);
}

.embeddedServiceHelpButton .helpButton .uiButton {
    background-color: var(--pro-color);
    font-family: "Times New Roman", sans-serif;
}

.embeddedServiceHelpButton .helpButton .uiButton:focus {
    outline: 1px solid var(--pro-color);
}

.embeddedServiceSidebarHeader {
    background-color: var(--pro-color)
}

.embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer {
    border-color: var(--pro-color);
    background-color: var(--pro-color);
}

.embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer:hover {
    background-color: var(--pro-color);
}

.embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer:focus {
    background-color: var(--pro-color);
}

.embeddedServiceSidebarFormField .uiInput .uiLabel-left {
    font-size: 1em;
    font-family: Avenir, Helvetica, Arial, sans-serif;
}

/* 隐藏窗口最小化 */
.minimizeButton {
    visibility: hidden;
}

.embeddedServiceSidebarHeader, .shortHeader {
    border-radius: 0 !important;
}

/* 重置留言窗口宽高、边距、radius */
.embeddedServiceSidebar.layout-docked .dockableContainer, .embeddedServiceSidebar.layout-float .dockableContainer {
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100vw !important;
    border-radius: 0 !important;
    margin: 0 !important;
}

/* 判断iPhoneX 将 footer 的 padding-bottom 填充到最底部 */
@supports (bottom: env(safe-area-inset-bottom)) {
    /* 重置留言窗口宽高、边距、radius */
    .embeddedServiceSidebar.layout-docked .dockableContainer, .embeddedServiceSidebar.layout-float .dockableContainer {
        width: 100vw !important;
        height: calc(100vh - constant(safe-area-inset-bottom)) !important;
        height: calc(100vh - env(safe-area-inset-bottom)) !important;
        border-radius: 0 !important;
        margin: 0 !important;
    }
}


